@import '../../../styles/common.less';
.admin-main{
	max-width: 1200px;
	padding: 30px 0px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
  margin-right: 10px;
  margin-bottom: 80px;

  .main-item{
    margin-top: 10px;
  }
  .advert{
    background-color: pink;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .notice{
    background-color: green;
    text-align: center;   
    height: 50px; 
    line-height: 50px;
  }
  .bordered{
    border-radius:4px;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    background: #fff;
  }
  .user-panel{
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    border-bottom: 1px solid #eee;
    font-family: @font-Regular;
    font-size: 16px;
    color: #527A86;
    letter-spacing: 0.22px;
   
    .user-english{
        // color:@fontColor;
    }
  }
  .user-info{
    clear: both;
    padding:20px 85px 0 85px;
    height: 290px;
    text-align: center;
    .user-english{
      margin-top:14px;
      font-size: @kidsFont;
      color: @englishColor;
      letter-spacing: @letterEng;
      line-height: @kidsFont;
    }
  }
  .user-learn{
    margin-top: 10px;
    background-color: yellow;
    padding: 10px;
  }
  
  .mycourse{
    padding: 10px;
    height: 80px;
    background-color: lightblue;
  }
  .pride {
    margin-top: 11px;
    .pride-Img{
      display: inline-block;
      width:50%;
      text-align: center;
      font-size: @kidPrideSize;
      color: @englishColor;
      letter-spacing: @letterImg;
    }
  }
  .cover-bordered{
    position: relative;
  }
}
.kidsAge{
  font-size: @PSize;
  color: @kidsColor;
  letter-spacing: @letterKid;
  line-height: 20px;
  border-bottom:1px solid #eee;
  padding:16px 50px;
  max-width:100%;
  span{
    display: inline-block;
    text-align: center;
  }
}
// 响应式代码
@media screen and (max-width:460px) {
  .kidsAge{
    padding:16px 0;
  }
}
// 课程模块
.user-footer{
  min-height:184px;
  .user-panel{
    font-family:@font-Regular;
    padding:0 40px;
    font-size: @uSize;
    color:#527A86;
    letter-spacing: @letterText;
  }
  .user-allbody{
    min-height:135px;
    position: relative;
    padding:35px 25px;
    .teacher-title{
      margin-bottom:24px;
      span{
        font-family:@font-Regular;
        font-size: @uSize;
        color: @kidsColor;
        letter-spacing: @letterTitle;
        line-height: @uSize;
        padding-right:30px;
      }
      label{
        font-family:@font-Regular;
        font-size: @uSize;
        color: @teacherCOlor;
        letter-spacing: @letterTitle;
        line-height: @uSize;
        display: inline;
      }
      .timeAll{
        position: relative;
        top:1px;
        font-size: @MSize;
        color:@timeColor;
        letter-spacing: @letterEng;
        display: inline;
        a{
          font-size: @MSize;
          color:@timeColor;
          display: inline-block; 
          padding-bottom:4px;
          border-bottom:1px solid;
        }
      }
    }
    .teacher-position{
      position: absolute;
      right:20px;
      top:39px;
      &:last-child{
        top:77px;
      }
    }
    .class-teacher{
      margin:0 0 10px 10px;
      span{
        font-size: @teachFont;
        color: @teacherCOlor;
        letter-spacing: @letterText;
        line-height: @teachFont;
        padding-left:18px;
      }
      .text-teacher{
        font-family: @font-Regular;
        font-size: @uSize;
        color: @kidsColor;
        letter-spacing: @letterTitle;
        line-height: 36px;
      }
    }
  }
}

// 电话模块
.tel-show{
  .normal{
    display: inline-block;
  }
  .hover{
    display: none;
  }
  &:hover{
    .place-bottom{
      display: block;
    }
    .normal{
      display: none;
    }
    .hover{
      display: inline-block;
    }
  }
}
.place-bottom {
  width: 160px;
  height:43px;
  background-size: 160px 43px;
  position: absolute;
  top:43px;
  right:4px;
  font-family: @font-Regular;
  font-size: 14px;
  color: #A5B9BF;
  line-height: 44px;
  letter-spacing: 0.08px;
  padding-left:13px;
  display: none; 
} 
.img-width{
  width:40px;
  height:40px;
}